<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:sedna="http://sedna.com/facelets" 
	xmlns:easy="http://easyfaces.com.br/easyfaces"
	xml:lang="en" lang="en">
	
	
	<ui:composition template="/WEB-INF/templates/layout.xhtml">

		<ui:define name="conteudo">
		
		
			<h:form>
			
				<rich:panel>
					
					<f:facet name="header">
						<h:outputText value="Cadastro de Produtos"/>
					</f:facet>
				
				
					<h:panelGrid columns="2">
						<h:outputText value="Fabricante: " />
						<h:panelGrid columns="2">
							<h:inputText id="fabricante" style="width: 400px;" 	value="#{telaProduto.fabricanteSelecionado.nome}" disabled="true" />
							<a4j:commandButton value="..." oncomplete="#{rich:component('selectPanelFabricante')}.show()" />
						</h:panelGrid>
						
						<h:outputText value="Empresa: " />
						<h:panelGrid columns="2">
							<h:inputText id="empresa" style="width: 400px;" 	value="#{telaProduto.empresaSelecionado.nome}" disabled="true" />
							<a4j:commandButton value="..." oncomplete="#{rich:component('selectPanelEmpresa')}.show()" />
						</h:panelGrid>
						
						<h:outputText value="Produto: "/>
						<h:inputText style="width: 400px;" value="#{telaProduto.nomeProduto}"/>
					</h:panelGrid>
					
					<br/>
					<br/>
					<a4j:commandButton value="Pesquisar" action="#{telaProduto.pesquisar}" reRender="tabelaProdutos"/>
				</rich:panel>
			
				<rich:dataTable value="#{telaProduto.listaObjetos}"
											  var="produto"
											  rows="15"
											  id="tabelaProdutos"
											  width="100%">

					<f:facet name="header">
						<h:panelGrid columns="2">
							<h:outputText value="Produtos" />
							<a4j:commandLink ajaxSingle="true" 
																id="newLink"  
																action="#{telaProdutoCadastro.novo}">
								<h:graphicImage value="/imagens/new.png" style="border: 0;" />
							</a4j:commandLink>
							<rich:toolTip for="newLink" value="Novo Produto" />
						</h:panelGrid>
					</f:facet>

					<!--  COLUNA : ACOES -->
					<rich:column width="30px;">
						<f:facet name="header">
							<h:outputText value="Ações" />
						</f:facet>

						<h:commandLink id="editLink" action="#{telaProdutoCadastro.editar}">
							<h:graphicImage value="/imagens/edit.gif" style="border: 0;" />
							<f:setPropertyActionListener target="#{telaProdutoCadastro.produto}" value="#{produto}" />
							<f:setPropertyActionListener target="#{telaProduto.objetoEditado}" value="#{true}" />
						</h:commandLink>
						<rich:toolTip for="editLink" value="Editar" />

						<a4j:commandLink ajaxSingle="true" id="deletelink" oncomplete="#{rich:component('deletePanel')}.show()">
							<h:graphicImage value="/imagens/delete.gif" style="border:0" />
							<f:setPropertyActionListener value="#{produto}" target="#{telaProdutoCadastro.produto}" />
						</a4j:commandLink>
						<rich:toolTip for="deletelink" value="Apagar" />
						
					</rich:column>

					<!--  COLUNA : NOME -->
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Nome" />
						</f:facet>
						<h:outputText value="#{produto.nome}" id="nome" />
					</rich:column>
					
					<!--  COLUNA : FABRICANTE -->
					<rich:column width="120">
						<f:facet name="header">
							<h:outputText value="Fabricante" />
						</f:facet>
						<h:outputText value="#{produto.nomeFabricante}" id="nomeFabricante" />
					</rich:column>
					
					<!--  COLUNA : EMPRESA -->
					<rich:column width="120">
						<f:facet name="header">
							<h:outputText value="Empresa" />
						</f:facet>
						<h:outputText value="#{produto.nomeEmpresa}" id="nomeEmpresa" />
					</rich:column>
					
					<!--  COLUNA : VALOR -->
					<rich:column width="120">
						<f:facet name="header">
							<h:outputText value="Valor" />
						</f:facet>
						<easy:outputCurrency value="#{produto.valor}" id="valor" decimalSeparator="," groupSeparator="."/>
					</rich:column>
					
					<f:facet name="footer">
                    		<rich:datascroller renderIfSinglePage="false" maxPages="15" />
                		</f:facet>

				</rich:dataTable>
				
			
			</h:form>
		
			
			
			<sedna:painelModalPesquisa idPanel="selectPanelFabricante"
																	descricaoPesquisa="Fabricante"
																	backingBean="#{telaProduto}"
																	metodoPesquisa="pesquisarFabricante"
																	metodoListaObjetos="fabricantes"
																	metodoObjetoSelecionado="fabricanteSelecionado"
																	campoReRenderizar="fabricante"
																	campoPesquisa="nomeFabricantePesquisa"
																	metodoDescricao="nome">
			</sedna:painelModalPesquisa>
			
			<sedna:painelModalPesquisa idPanel="selectPanelEmpresa"
																	descricaoPesquisa="Empresa"
																	backingBean="#{telaProduto}"
																	metodoPesquisa="pesquisarEmpresa"
																	metodoListaObjetos="empresas"
																	metodoObjetoSelecionado="empresaSelecionado"
																	campoReRenderizar="empresa"
																	campoPesquisa="nomeEmpresaPesquisa"
																	metodoDescricao="nome">
			</sedna:painelModalPesquisa>
			
			 <a4j:status onstart="#{rich:component('wait')}.show()"  onstop="#{rich:component('wait')}.hide()" />
		    <rich:modalPanel id="wait" autosized="true" width="200" height="120" moveable="false" resizeable="false">
		        <f:facet name="header">
		            <h:outputText value="Processando" />
		        </f:facet>
		        <h:outputText value="Aguarde por favor..." />
		    </rich:modalPanel>
			
		</ui:define>
	
	</ui:composition>
	
</html>
